<template>
	<view class="content">
		<image src="http://iph.href.lu/100x100" mode="aspectFill" class="pay-img"></image>
		<view class="colorFF6 fs16 text-center">支付失败</view>
		<view class="color3 pay-money font-weight text-center">¥647.00</view>
		<view class="text-center fs16 color9">支付剩余时间 00:29:59</view>
		<view class="clear-both fs16 text-center">
			<view class="float-l shzf colorFF6">稍后支付</view>
			<view class="float-r ljzf colorf">立即支付</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.content{
	width: 100%;
	height: 100%;
	overflow: hidden;
	.pay-img{
		width: 65.06vw;
		height: 65.06vw;
		display: block;
		margin:11.4667vw auto 2.4vw auto;
	}
	.pay-money{
		margin: 10.667vw auto 3.7334vw auto;
		font-size: 11.2vw;
	}
	.shzf{
		margin-left: 13.8667vw;
		width: 34vw;
		height: 11.7334vw;
		line-height: 11.7334vw;
		border: 2upx solid #00449F;
		margin-top: 13.8667vw;
		border-radius: 1.6vw;
	}
	.ljzf{
		margin-right: 13.8667vw;
		width: 34vw;
		height: 11.7334vw;
		line-height: 11.7334vw;
		background: #00449F;
		margin-top: 13.8667vw;
		border-radius: 1.6vw;
	}
}
</style>
